<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">

</head>

<body>
    
    <header></header>
    <section>
        <div class="content-left">
            <div class="content-left-fi">
                <img src="./images/home.png" alt="">
            </div>
        </div>
        <div class="content-right">
            <div class="right-top">
                <div class="right-top-f"><a href=""><img src="./images/recom01.png" alt=""></a></div>
                <div class="right-top-s"><a href=""><img src="./images/recom02.png" alt=""></a></div>
            </div>
            <div class="right-content">
                <div class="content-top">
                    <span>推荐作者</span>
                    <span id="change"><a href="#">换一批</a></span>
                </div>
                <ul class="content-r">

                </ul>
            </div>
            <button class="bd"><a href="./author.html">完整榜单</a></button>
        </div>
    </section>

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>